<div class="main layui-clear" style="min-height: 600px;">
    <h2 class="page-title">
        帐号设置
    </h2>
    <div class="fly-tab user-tab">
        <span id="LAY-mine">
            <a href="{:U('home/usercore/set')}" class="" hash="info">
                我的资料
            </a>
            <a href="{:U('home/usercore/face')}" hash="avatar" class="">
                头像
            </a>
            <a href="{:U('home/usercore/pass')}" hash="pass" class="tab-this">
                密码
            </a>
            <a href="{:U('home/usercore/bind')}" hash="bind" class="">
                帐号绑定
            </a>
        </span>
    </div>
    <div class="user-mine">
        <div class="layui-form layui-form-pane mine-view" style="display: none;">
            <form method="post">
                <div class="layui-form-item">
                    <label for="L_email" class="layui-form-label">
                        邮箱
                    </label>
                    <div class="layui-input-inline">
                        <input id="L_email" name="email" required="" lay-verify="email" autocomplete="off"
                        value="" class="layui-input" type="text">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        如果您在邮箱已激活的情况下，变更了邮箱，需
                        <a href="/user/activate/" style="font-size: 12px; color: #4f99cf;">
                            重新验证邮箱
                        </a>
                        。
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_username" class="layui-form-label">
                        昵称
                    </label>
                    <div class="layui-input-inline">
                        <input id="L_username" name="username" required="" lay-verify="required"
                        autocomplete="off" value="Supertramp" class="layui-input" type="text">
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <input name="sex" value="0" title="男" type="radio">
                            <div class="layui-unselect layui-form-radio">
                                <i class="layui-anim layui-icon">
                                    
                                </i>
                                <span>
                                    男
                                </span>
                            </div>
                            <input name="sex" value="1" title="女" type="radio">
                            <div class="layui-unselect layui-form-radio">
                                <i class="layui-anim layui-icon">
                                    
                                </i>
                                <span>
                                    女
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_city" class="layui-form-label">
                        城市
                    </label>
                    <div class="layui-input-inline">
                        <input id="L_city" name="city" autocomplete="off" value="广州" class="layui-input"
                        type="text">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label for="L_sign" class="layui-form-label">
                        签名
                    </label>
                    <div class="layui-input-block">
                        <textarea placeholder="随便写些什么刷下存在感" id="L_sign" name="sign" autocomplete="off"
                        class="layui-textarea" style="height: 80px;">
                        </textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn" key="set-mine" lay-filter="*" lay-submit="">
                        确认修改
                    </button>
                </div>
            </form>
        </div>
        <div class="layui-form layui-form-pane mine-view" style="display: none;">
            <div class="layui-form-item">
                <div class="avatar-add">
                    <p>
                        建议尺寸168*168，支持jpg、png、gif，最大不能超过30KB
                    </p>
                    <div class="upload-img">
                        <div class="layui-box layui-upload-button">
                            <form target="layui-upload-iframe" method="post" key="set-mine" enctype="multipart/form-data"
                            action="/user/upload/">
                                <input name="file" id="LAY-file" lay-title="上传头像" type="file">
                            </form>
                            <span class="layui-upload-icon">
                                <i class="layui-icon">
                                    
                                </i>
                                上传头像
                            </span>
                        </div>
                    </div>
                    <img src="http://q.qlogo.cn/qqapp/101235792/624F18F9AA62747265C6E442D139A85D/100">
                    <span class="loading">
                    </span>
                </div>
            </div>
        </div>

        <div class="layui-form layui-form-pane mine-view" style="display: block;">
            <form action="post">
            <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">
                    新密码
                </label>
                <div class="layui-input-inline">
                    <input id="L_pass" name="pass" required="" lay-verify="pass" autocomplete="off"
                    class="layui-input" type="password">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    6到16个字符
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                    确认密码
                </label>
                <div class="layui-input-inline">
                    <input id="L_repass" name="repass" required="" lay-verify="repass" autocomplete="off"
                    class="layui-input" type="password">
                </div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" key="set-mine" lay-filter="a" lay-submit="">
                    确认修改
                </button>
            </div>
            </form>
        </div>
        <div class="layui-form layui-form-pane mine-view" style="display: none;">
            <ul class="app-bind">
                <li class="fly-msg  app-havebind">
                    <i class="iconfont icon-qq">
                    </i>
                    <span>
                        已成功绑定，您可以使用QQ帐号直接登录Fly社区，当然，您也可以
                    </span>
                    <a href="javascript:;" class="acc-unbind" type="qq_id">
                        解除绑定
                    </a>
                </li>
                <li class="fly-msg ">
                    <i class="iconfont icon-weibo">
                    </i>
                    <a href="http://fly.layui.com:8098/app/weibo/" class="acc-weibo" type="weibo_id"
                    onclick="layer.msg('正在绑定微博', {icon:16, shade: 0.1, time:0})">
                        立即绑定
                    </a>
                    <span>
                        ，即可使用微博帐号登录Fly社区
                    </span>
                </li>
            </ul>
        </div>
    </div>
</div>

<script src="__PUBLIC__/layui/layui.js"></script>
<script src="__PUBLIC__/layui/jquery-1.7.2.js"></script>

<script type="text/javascript">
    layui.use(['form'], function(){
                  var form = layui.form(),
                  layer = layui.layer;
            //自定义验证规则
           form.verify({
                      pass: [/(.+){6,12}$/, '密码必须6到12位'],
                      repass: function(value){
                        L_pass = $('#L_pass').val();
                            if(L_pass!=value){
                             return "密码不一致";
                                 }
                     },


           })
           //监听提交
            form.on('submit(a)', function(data){
                $.ajax({
                    url: '{:U("home/usercore/setpass")}',
                    type: 'POST',
                    dataType: 'json',
                    data:data.field,
                    success: function(data) {
                        if (data.error==1) {
                            layer.msg(data.info, function(){
                                location.replace("{:U('home/usercore/pass')}");     
                            });
                        }else{
                            layer.msg(data.info, function(){
                                 location.replace("{:U('home/usercore/pass')}"); 
                            });
                        };
                        
                     }
                }) 

                return false;   
            })

  })
</script>